<template>
  <div id="app">
    <div class="title">Title??</div>
    <div class="navigation">
      <router-link :to="{name:'AlarmList'}">|告警列表|</router-link>
      <router-link :to="{name:'DataAnalysisHAD'}">|数据分析_历史报警数据|</router-link>
      <router-link :to="{name:'DataAnalysisDHA'}">|数据分析_设备历史分析|</router-link>
      <router-link :to="{name:'DataAnalysisDHD'}">|数据分析_设备历史数据|</router-link>
      <router-link :to="{name:'DeviceHistoryAlarm'}">|历史告警|</router-link>
      <router-link :to="{name:'KnowledgeBaseDetail'}">|档案管理|</router-link>
      <router-link :to="{name:'QuantityGrouping'}">|实时数据|</router-link>
      <router-link :to="{name:'SystemDiagram'}">|图形化界面|</router-link>
      <router-link :to="{name: 'ThreeDimensionalInspection'}">|三维巡检|</router-link>
      <router-link :to="{name:'VideoSurveillance'}">|视频监控|</router-link>
      <router-link :to="{name:'ElectricalEquipment'}">|电气设备管理|</router-link>
      <router-link :to="{name:'EquipmentOperation'}">|设备运行|</router-link>

    </div>
    <div class="content"><router-view></router-view></div>
  </div>
</template>

<script>

export default {
  name: 'App',
}
</script>

<style scoped>
    .title {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }
    .navigate {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }
    .content {
        width: 100%;
        border-style: dashed;
        border-width: 0.1px;
    }

</style>
<style>
.el-dialog__wrapper {
  border-radius: 10px;
}
</style>
